<template>
  <el-dialog v-model="visible" destroy-on-close title="提示" width="30%">
    <span>需要注意在 Dialog 打开前是这条内容和下面的内容都是不会被渲染的</span>
    <strong>额外的内容</strong>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="visible = false">取 消</el-button>
        <el-button type="primary" @click="visible = false">确 定</el-button>
      </span>
    </template>
  </el-dialog>
</template>
<script setup>
import {ref} from "vue";

const visible = ref(true);
</script>
